@charset "UTF-8";
body {
  /* 设置背景图片不平铺、水平垂直居中、固定不动 */
  background: url() no-repeat center center fixed;
  /* 保持图像本身的宽高比例，将图片缩放到正好完全覆盖定义背景的区域。*/
  background-size: cover;
  padding-top: 20px;
}
html{
	background: url(../images/d1.png);
	background-size: cover;

}
 
form {
  width: 343px;
  height: auto;
  margin: 10px auto;
  border: 1px solid rgb(128, 255, 128);
  border-radius: 5px;
  /* 隐藏溢出内容 */
  overflow: hidden;
  text-align: center;
}
 
.d1 {
  width: 300px;
  height: 30px;
  border: 3px solid rgba(0, 0, 127, 0.5);
  border-radius: 4px;
  margin-bottom: 10px;
  background-color: #e5e5e5;
}
 
.user {
  padding-top: 40px;

}
.footer{
	padding-bottom:30px;
}
.select {
  width: 30px;
  height: 30px;
}
.button{
	width: 250px;
  	height: 30px;
  	background-color: #bcfff5;
}
 
/* 当光标放到按钮上时，鼠标指针为一只小手形状 */
input[type=submit] {
  cursor: pointer;
}
 
/* 当该input元素获得焦点时，设置背景颜色及盒阴影 */
input:focus {
  background-color: rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
 
.btn {
  border-radius: 4px;
  border-radius: 6px;
}
 
/* 当鼠标悬浮在该元素时，设置背景颜色 */
.btn:hover {
  background: rgba(0, 0, 0, 0.2);
}
